revision:
The <img> tag is used to embed an image in an HTML page. Images are not technically inserted into a web page; images are linked to web pages. The <img> tag creates a holding space for the referenced image.
The <img> tag has two required attributes: src - specifies the path to the image; alt - specifies an alternate text for the image, if the image for some reason cannot be displayed. Always specify the "width" and "height" of an image. If width and height are not specified, the page might flicker while the image loads.
Tip: to link an image to another document, simply nest the <img> tag inside an <a> tag.
alt : value: text; specifies an alternate text for an image.
crossorigin : value: anonymous, use-credentials; allow images from third-party sites that allow cross-origin access to be used with canvas.
height : value: pixels; specifies the height of an image.
ismap : value: ismap; specifies an image as a server-side image map.
loading : value: eager, lazy; specifies whether a browser should load an image immediately or to defer loading of images until some conditions are met.
longdesc : value: URL; specifies a URL to a detailed description of an image.
referrerpolicy : value: no-referrer, no-referrer-when-downgrade, origin, origin-when-cross-origin, unsafe-url; specifies which referrer information to use when fetching an image.
sizes : value : sizes; specifies image sizes for different page layouts.
src : value: URL; specifies the path to the image.
srcset : value: URL-list; specifies a list of image files to use in different situations.
usemap : value: #mapname; specifies an image as a client-side image map.
width : value: pixels; specifies the width of an image.
<img . . . />
<img style="margin-left:5vw;" src="../../pics/car2.jpg" alt="car" width="600" height="500"/>
<img style="margin-left:5vw;" src="../../pics/smiley.png" alt="Smiley face" width="42" height="42" style="border:5px solid black">